<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>海印全媒体推广方案</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'/>
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="swiper-container">
			<b class="tips"></b>
			<img src="img/bg.jpg" width="100%" height="100%" style="position: absolute; top: 0;left: 0;" />
			<div class="logo"><img src="img/logo.png"></div>
			<div class="swiper-wrapper">
				<!-------------slide1----------------->
				<div class="swiper-slide">
					<div class="p1si"><img src="img/p1/p1.png"></div>
					<div class="p1title"><img src="img/p1/p1f.png" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"></div>
				</div>
				<!-------------slide2----------------->
				<div class="swiper-slide">
					<div class="p2bgquan"><img src="img/p2/p2congf.png"></div>
					<div class="p2c"><img src="img/p2/p2title.png"></div>
				</div>
				<!-------------slide3----------------->
				<div class="swiper-slide">
					<div class="p3si"><img src="img/p3/p3da.png"></div>
					<div class="p3zino"><img src="img/p3/p3long.png"></div>
				</div>
				<!-------------slide4----------------->
				<div class="swiper-slide">
					<div class="p4kuan"><img src="img/p4/p4title.png" class="ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div>
					<div class="p4du"><img src="img/p4/p4content.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s"></div>
					<div class="p4tieke"><img src="img/p4/p4meng.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s"></div>
				</div>
				<!-------------slide5----------------->
				<div class="swiper-slide">
					<div class="p5tu"><img src="img/p5/p501.png"></div>
					<div class="p5zi"><img src="img/p5/p502.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="0s"></div>
				</div>
				<!-------------slide6----------------->
				<div class="swiper-slide">
					<div class="p6lian"><img src="img/p6/p6title.png"></div>
					<div class="p6deng"><img src="img/p6/p6content.png"></div>
					<div class="p601"><img src="img/p6/p601.png"></div>
				</div>
				<!-------------slide7----------------->
				<div class="swiper-slide">
					<div class="p7jian"><img src="img/p7/p701.png"></div>
					<div class="p7two"><img src="img/p7/p702.png"></div>
				</div>
				<!-------------slide8----------------->
				<div class="swiper-slide">
					<div class="p8title"><img src="img/p8/p8title.png"></div>
					<div class="p8yi"><img src="img/p8/p8yi.png"></div>
					<div class="p8wu"><img src="img/p8/p8wu.png"></div>
					<div class="p8you"><img src="img/p8/p8you.png"></div>
				</div>
			</div>
		</div>
        <!--<a id="mc_play" class="stop muls">
            <audio id="musicfx" loop autoplay>
                <source src="img/1_C96kbps.mp3" type="audio/mpeg">
            </audio>
        </a>-->
        <script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
        <script type="text/javascript" src="js/swiper-3.2.7.jquery.min.js" ></script>
		<script type="text/javascript" src="js/swiper.animate.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
       	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
        <script type="text/javascript" src="js/index.js" ></script>
	</body>
</html>
